<template>
  <div class="homePage infinite-list" v-infinite-scroll="load"  infinite-scroll-distance="50">
    <div id="top"></div>
	<headNav :header='"明明生活"'></headNav>
	  <div class="content container-fluid" ref="homePage">

		<router-view></router-view>
	  </div>
	<footNav class=''></footNav>
  </div>
</template>

<script>
import headNav from "./util/headNav.vue"
import footNav from "./util/footNav.vue"

export default {
  name: 'HelloWorld',
  data () {
    return {
      loading:true,
      canLoad:localStorage.getItem("canLoad"),
    }
  },
  methods:{
    load(){
      if(this.loading){
        let tmp = localStorage.getItem("id");
          if(!tmp){
            tmp = "all"
          }
          
          this.loading = false;
          setTimeout(()=>{
            this.loading = true;
          },2000)
        }
    }
  },
  components:{
    headNav,footNav

  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
    .homePage{
      padding-top: 63px;
      overflow: scroll;
      height: calc(100% - 63px);


    }
    .content{
      margin: 0;
      padding: 0;
    }
    ::-webkit-scrollbar {display:none!important}


</style>
